<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<button onclick="fn()">传统注册事件</button>
		<script type="text/javascript">
			/*
			 事件注册
			 1.对象.事件类型 = 函数
			 2.对象.addEventListener("事件类型",处理函数)
			 
			 删除事件
			 1.对象.事件类型 = null
			 2.对象.removeEventListener("事件类型",处理函数)
			*/
			function fn() {
				alert("传统注册事件1");
			}

			var btnNode = document.querySelector("button");
			btnNode.onclick = function() {
				alert("传统注册事件(对象)2");
			}
			
			btnNode.onclick = null;//删除事件

			function fn2() {
				alert("方法监听注册事件3");
			}

			//参数1:事件类型 参数2:回调函数
			btnNode.addEventListener("click", fn2);
			
			btnNode.addEventListener("click",function(){
				alert("方法监听注册事件4");
			})
			
			btnNode.removeEventListener("click",fn2);//删除事件
		</script>
	</head>
	<body>
	</body>
</html>
